<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<div class="row">
	<div class="col-xs-12 col-sm-8">
		<div class="box">
			<div class="box-header">
				<div class="box-name">
					<i class="fa fa-search"></i> <span>新建员工</span>
				</div>
				<div class="box-icons">
					<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
					</a> <a class="expand-link"> <i class="fa fa-expand"></i>
					</a> <a class="close-link"> <i class="fa fa-times"></i>
					</a>
				</div>
				<div class="no-move"></div>
			</div>
			<div class="box-content">
				<form id="defaultForm" method="post" action="employeeSave"
					class="form-horizontal">
					<fieldset>
						<div class="form-group">
							<label class="col-sm-3 control-label">员工编号</label>
							<div class="col-sm-5">
									<input type="text" class="form-control" name="nr" />
							</div>
						</div>	
								<div class="form-group">
							<label class="col-sm-3 control-label">姓名</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" name="name"/>
							</div>
						</div>				
						<div class="form-group">
							<label class="col-sm-3 control-label">密码</label>
							<div class="col-sm-5">
								<input type="password" class="form-control" name="password" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">确认密码</label>
							<div class="col-sm-5">
								<input type="password" class="form-control" name="confirmPassword" />
							</div>
						</div>				
						<div class="form-group">
							<label class="col-sm-3 control-label">性别</label>
							<div class="col-sm-5">
								<select class="populate placeholder" name="gender" id="gender">
											<option value="1" selected>男</option>
											<option value="0">女</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">Email</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" name="email" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">所属部门</label>
							<div class="col-sm-5">
								<select class="populate placeholder" name="departmentId">
									<c:forEach var="department" items="${department}">
									<option value="${department.id}">${department.name}</option>
									</c:forEach>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">状态</label>
							<div class="col-sm-5">
								<select class="populate placeholder" name="status" id="status">
											<option value="1" selected>启用</option>
											<option value="0">禁用</option>
								</select>
							</div>
						</div>
							<div class="form-group">
						<div class="checkbox-inline">
							<label> <input type="checkbox" name="isManager" value="1"> 部门主管 <i
								class="fa fa-square-o"></i>
							</label>		
						</div>
						<div class="checkbox-inline">
							<label>
								<input type="checkbox">员工
								<i class="fa fa-square-o"></i>
							</label>
						</div>
						<div class="checkbox-inline">
							<label>
								<input type="checkbox"> 实习生
								<i class="fa fa-square-o"></i>
							</label>
						</div>
						</div>
					</fieldset>
					<div class="form-group">
						<div class="col-sm-9 col-sm-offset-3">
							<button type="submit" class="btn btn-primary">提交修改</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	// Run Select2 plugin on elements
	function DemoSelect2() {
		$('#s2_with_tag').select2({
			placeholder : "Select OS"
		});
		$('#s2_gender').select2();
	}
	$(document).ready(function() {
		// Create Wysiwig editor for textare
		TinyMCEStart('#wysiwig_simple', null);
		TinyMCEStart('#wysiwig_full', 'extreme');
		// Add slider for change test input length
		FormLayoutExampleInputLength($(".slider-style"));
		// Initialize datepicker
		$('#input_date').datepicker({
			setDate : new Date()
		});
		// Add tooltip to form-controls
		$('.form-control').tooltip();
		LoadSelect2Script(DemoSelect2);
		// Load example of form validation
		LoadBootstrapValidatorScript(DemoFormValidator);
		// Add drag-n-drop feature to boxes
		WinMove();
	});
</script>